<template>
	<div class="finger">
		<div class="title">皮电数据输入【指夹】设备确认</div>
		<div class="flex">
			<div class="left">
				<div class="sub-title">选择输入设备</div>
				<el-select placeholder="请选择" style="width: 2.4rem;"></el-select>
			</div>
			<div class="right" style="margin-left: 104px">
				<div class="sub-title">测试链接状态</div>
				<div class="flex-aic">
					<div class="dot"></div>
					<div>指夹已连接</div>
				</div>
			</div>
		</div>
		<p style="margin-top: 12px;">建议在情绪相对平稳时参与测评，避免极端情绪（如剧烈运动后、激烈争吵后）影响结果准确性。</p>
	</div>
</template>
<script setup>

</script>
<style scoped lang="scss">
.finger{
	padding: 40px 0;
	.title{
		font-size: 20px;
		margin-bottom: 24px;
	}
}
.sub-title{
	font-size: 16px;
	margin-bottom: 12px;
}
.dot{
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #29CB41;
	margin-right: 8px;
}
</style>
<style lang="scss" scoped>
@use '@/styles/variables.scss' as *;
:deep(.el-select__wrapper){
	background: $content-bg-color !important;
	border-color: #DCDCDC !important;
}
:deep(.el-select__placeholder) {
	color: #fff !important;
}
</style>